<template>
  <div>
       <header>
            <span @click="lre()">&lt;</span>
             <h2>设置</h2> 
       </header>
       <section>
                <h3>通知设置</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
              
       </section>
       <main>
         <ul>
           <li>
              <h3>常用地址 </h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
           <li>
              <h3>账户与安全</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
         </ul>

         <ul>
           <li>
              <h3>支付设置</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
         </ul>
          <ul>
           <li>
              <h3>帮助中心 </h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
           <li>
              <h3>调查问卷</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
            <li>
              <h3>喜欢我们，投一票</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
           <li>
              <h3>推荐给好友</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
         </ul>
          <ul>
           <li>
              <h3>清除缓存 </h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
           <li>
              <h3>关于河狸家</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
           <li>
              <h3>检查更新</h3>
               <span class="iconfont icon-arrow-right-copy-copy"></span>
           </li>
         </ul>
         <footer>
            退出登录
         </footer>
       </main>
        
        
  </div>
</template>

<script>
export default {
methods:{
    lre(){
      this.$router.push("/re")
    }  
}
}
</script>

<style scoped>
@import url("../../views/lzc/font/iconfont.css");
     header{
       width: 100%;
       height:2.1rem ;
       /* border: 0.01rem solid red ; */
       line-height: 2.1rem;
       text-align: center;
       font-size: 0.36rem;
     }
     header span{
       position: absolute;
       left:0.2rem;
       font-size:0.5rem;
     }
      section{
        height: 0.96rem;
        border-top: 0.01rem solid gainsboro;
         border-bottom: 0.01rem solid gainsboro;
        font-size: 0.3rem;
        display: flex;
        justify-content: space-between;
        line-height: 0.96rem;
         margin-left: 0.2rem;
     }
     .iconfont{
        font-size: 0.4rem;
     }

     main{
       background-color: #f7f7f7;
       height: 15rem;
     }
     main ul{
        margin-top: 0.2rem;
     }
     main ul li{
        background-color: white;
        height: 0.96rem;
        border-top: 0.01rem solid gainsboro ;
         border-bottom: 0.01rem solid gainsboro ;
        font-size: 0.3rem;
        display: flex;
        justify-content: space-between;
        line-height: 0.96rem;
        margin-left: 0.2rem;
       
     }
    main  footer{
       height: 1rem;
       width: 100%;
       text-align: center;
       background-color:#eabf93 ;
      line-height: 1rem;
      font-size: 0.38rem;
       color: white;
       z-index: 222;
       position: fixed;
       bottom: 0;
       
     }
</style>